<?php /*a:5:{s:77:"/www/wwwroot/test.usdtes.vip/test/application/index/view/passport/signup.html";i:1682089543;s:78:"/www/wwwroot/test.usdtes.vip/test/application/index/view/common/pub_style.html";i:1678364184;s:76:"/www/wwwroot/test.usdtes.vip/test/application/index/view/common/top_bar.html";i:1678364185;s:73:"/www/wwwroot/test.usdtes.vip/test/application/index/view/common/lang.html";i:1679381452;s:75:"/www/wwwroot/test.usdtes.vip/test/application/index/view/common/footer.html";i:1678364180;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title></title>
<link rel="stylesheet" href="/image/weui.css" />
<link rel="stylesheet" href="/image/bootstrap.min.css" />
<script src="/image/zepto.min.js" type="text/javascript"></script>
<script src="/image/jquery.min.js" type="text/javascript"></script>
<script src="/image/weui.min.js"></script>
<script src="/layer3.1/layer.js"></script>
<script src="/image/common.js"></script>
<link rel="stylesheet" href="/image/iconfont.css" />
<link rel="stylesheet" href="/image/common.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
$(document).ready(function(){
    $(".nav-list-ico").on('click',function(){
        if($('.left-nav').attr('class')=='left-nav active'){
                $('.left-nav').removeClass('active');
                $('.cover-mask').removeClass('active');
        }else{
                $('.left-nav').addClass('active');
                $('.cover-mask').addClass('active');
        }
    })
    $('.cover-mask').on('click',function(){
            if($('.left-nav').attr('class')=='left-nav active'){
                $('.left-nav').removeClass('active');
                $('.cover-mask').removeClass('active');
            }else{
                $('.left-nav').addClass('active');
                $('.cover-mask').addClass('active');
            }
    })
    $('.nav-item').on('click',function(){
            $('.left-nav-List').removeClass('active');
            $(this).addClass('active');
            $('.left-nav').removeClass('active');
            $('.cover-mask').removeClass('active');
    })
})
</script>

<style type="text/css">
.main-body {
	background-repeat: no-repeat;
	background-size: cover;
}

.weui-toast {
	height: 18.6em;
}

.login-body {
	padding: 20px;
}

.account-box {
	border: 1px solid #fff9;
	border-radius: 50px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.input-container {
	margin-left: 10px;
	border-bottom: 0.01rem solid #dadada;
}

.input-container .icon {
	width: 18px;
}

.input-text {
	border: 0px;
	padding: 5px;
	background: none;
}

.text-login {
	text-transform: uppercase;
	font-weight: 500
}

.tab-box .tab {
	padding: 8px 20px 8px 20px;
	color: #313131;
	text-align: center;
	color: #313131;
}

.tab-box .tab.active {
	color: #588bf8;
	background-color: #f8f8f8;
	border-radius: 0.15rem;
}
</style>
<script type="text/javascript">
    var timer = 300;
    var interval ;
    var lock = 0;
	function fleshVerify() {
		var time = new Date().getTime();
		document.getElementById('verifyImg').src = "<?php echo url('captcha',array('time'=>time())); ?>";
	}
    function clock(){
    	var newvalue =  timer + 's';
    	timer -- ;
    	if(timer < 0){
    	  $(".btnsms").removeClass("disabled");
    	  $(".btnsms").val("<?php echo htmlentities(app('lang')->get('get_verify_code')); ?>");
    	  lock = 0;
    	  clearInterval(interval);
    	}
    	else
    	  $(".btnsms").val(newvalue);
    }	
    function  formnull() {
    	
    }
	$(document).ready(function() {
		isformnull(null,'email,phone_mob');
		$(".tab").click(function() {
			$(".tab").removeClass("active");
			$(this).addClass("active");
			if ($(this).attr("data-type") == 'email') {
				$(".email-box").show();
				$(".mobile-box").hide();
				$("input[name='type']").val('email');
			} else {
				$(".email-box").hide();
				$(".mobile-box").show();
				$("input[name='type']").val('mobile');
			}
		});
		$(".btnsms").click(function(){
			var that = this;
			if (lock == 0) {
			  $.ajax({
				type : 'post',
				url : "<?php echo url('getcode'); ?>",
				dataType : "json",
				data : $("form").serialize(),
				success : function(res) {
                    layer.msg(res.msg);
                    if (res.code == 99)
                    {
                    	lock = 1;
                		$(that).addClass("disabled");
                		interval = setInterval("clock()",1000)
                    } else {
                    	lock = 0;
                    	//fleshVerify();
                    }
				}
			  });
			}
		})
		$(".login-btn").click(function() {
			var nullnum = getformnull(null,'email,phone_mob');			
			var type = $("input[name='type']").val();
			if (type == 'email' && $("input[name='email']").val() =='')
				 nullnum ++;
			else if (type == "phone_mob" && $("input[name='phone_mob']").val() =='')
				 nullnum ++;
			if (nullnum == 0) {
				$("#loadingToast").show();
				$.ajax({
					type : 'post',
					url : "",
					dataType : "json",
					data : $("form").serialize(),
					success : function(res) {
						layer.msg(res.msg);
						//fleshVerify();
						$("input[name='captcha']").val('');
						if (res.code == 99) {
							$("form").get(0).reset();
							window.location.href = res.url;
						}
						$("#loadingToast").hide();
					}
				});
			}
		})
	})
</script>
</head>
<body>
	<div class="">
		<div class="header-wrap">
	<div class='flex flex-between align-center pd10'>
		<div class="nav-list-ico" style="width: 10px;">
			<a href="javascript:history.go(-1)">
				<img src="/image/larrow.png" class='img nav-ico'>
			</a>
		</div>
		<div class=""><?php echo htmlentities($title); ?></div>
		<div class=""></div>
	</div>
</div>
<div style="height: 30px"></div>
			<div class="lang tr">
	<div class="btnlang">
	  <a href="<?php echo url('lang'); ?>">	
		<img src="/image/<?php echo htmlentities(app('cookie')->get('think_var')); ?>.jpg" class='lang-ico' style="display: none;">
		<?php if(app('cookie')->get('think_var') == 'en-us'): ?>English<?php endif; if(app('cookie')->get('think_var') == 'es'): ?>España<?php endif; if(app('cookie')->get('think_var') == 'teq'): ?>Türkiye<?php endif; if(app('cookie')->get('think_var') == 'putao'): ?>Português<?php endif; if(app('cookie')->get('think_var') == 'ko'): ?>한국인<?php endif; if(app('cookie')->get('think_var') == 'fa'): ?>Français<?php endif; if(app('cookie')->get('think_var') == 'de'): ?>Deutsch<?php endif; if(app('cookie')->get('think_var') == 'bs'): ?>فارسی<?php endif; if(app('cookie')->get('think_var') == 'zh-cn'): ?>繁體中文<?php endif; ?>
		<img src="/image/nav6.png" width="18" class="q-mx-sm">
	  </a>
	</div>
	<!--
	<ul class="list-lang">
		<li class="flex">
			<img src="/image/en-us.jpg">&nbsp;
			<a href="<?php echo url('',array('lang'=>'en-us')); ?>">English</a>
		</li>
	</ul>
	-->
</div>
		<div class='login-body'>
			<div class="">
				<h1 data-v-15bd6196="" class="h1"><?php echo htmlentities(app('lang')->get('create_account')); ?></h1>
			</div>
			<form id="login-form" class="form-horizontal" action="" method="post">
			    <input type="hidden" name="type" value="email">
				<div class="register-main">
					<div class="account-box">
						<div class="flex tab-box" style="display: none;">
							<span class="tab active" data-type="email"><?php echo htmlentities(app('lang')->get('email')); ?></span>
							<span class="tab" data-type="mobile"><?php echo htmlentities(app('lang')->get('mobile')); ?></span>
						</div>
					</div>
					<div class="ok-auth register-part-main ">
						<div>
							<div class="loginBox">
								<div class="email-box">
									<div class="account-box">
										<div class="input-container">
											<div><?php echo htmlentities(app('lang')->get('username')); ?></div>
											<div class="input-box flex-block">
												<input type="text" name="username" class='input-text' maxlength="40" placeholder="<?php echo htmlentities(app('lang')->get('input_username_tips')); ?>">
											</div>
										</div>
									</div>
								</div>
								<div class="email-box">
									<div class="account-box">
										<div class="input-container">
											<div><?php echo htmlentities(app('lang')->get('email')); ?></div>
											<div class="input-box flex-block">
												<input type="text" name="email" class='input-text' maxlength="40" placeholder="<?php echo htmlentities(app('lang')->get('input_email_tips')); ?>">
											</div>
										</div>
									</div>
								</div>
								<div class="account-box" style="display: none">
									<div class=""><?php echo htmlentities(app('lang')->get('verify_code')); ?></div>
									<div class="input-container">
										<div class="flex">
											<input type="number" name="code" value="888" class="input-text" placeholder="<?php echo htmlentities(app('lang')->get('input_verify_code_tip')); ?>">
											<div style="width: 90px;">
												<input type="button" class="btnsms" value="<?php echo htmlentities(app('lang')->get('get_verify_code')); ?>">
											</div>
										</div>
									</div>
								</div>
								<div class="mobile-box">
									<div class="account-box">
										<div class="input-container">
											<div><?php echo htmlentities(app('lang')->get('country')); ?></div>
											<div class="input-box flex-block">
												<select name="country" class='input-text'>
													<option value="1">+1</option>
													<option value="7">+7</option>
													<option value="20">+20</option>
													<option value="27">+27</option>
													<option value="30">+30</option>
													<option value="31">+31</option>
													<option value="32">+32</option>
													<option value="33">+33</option>
													<option value="34">+34</option>
													<option value="36">+36</option>
													<option value="39">+39</option>
													<option value="40">+40</option>
													<option value="41">+41</option>
													<option value="43">+43</option>
													<option value="44">+44</option>
													<option value="45">+45</option>
													<option value="46">+46</option>
													<option value="47">+47</option>
													<option value="48">+48</option>
													<option value="49">+49</option>
													<option value="51">+51</option>
													<option value="52">+52</option>
													<option value="53">+53</option>
													<option value="54">+54</option>
													<option value="55">+55</option>
													<option value="56">+56</option>
													<option value="57">+57</option>
													<option value="58">+58</option>
													<option value="60">+60</option>
													<option value="61">+61</option>
													<option value="62">+62</option>
													<option value="63">+63</option>
													<option value="64">+64</option>
													<option value="65">+65</option>
													<option value="66">+66</option>
													<option value="81">+81</option>
													<option value="82">+82</option>
													<option value="84">+84</option>
													<option value="86">+86</option>
													<option value="90">+90</option>
													<option value="91">+91</option>
													<option value="92">+92</option>
													<option value="93">+93</option>
													<option value="94">+94</option>
													<option value="95">+95</option>
													<option value="98">+98</option>
													<option value="212">+212</option>
													<option value="213">+213</option>
													<option value="216">+216</option>
													<option value="218">+218</option>
													<option value="220">+220</option>
													<option value="221">+221</option>
													<option value="223">+223</option>
													<option value="224">+224</option>
													<option value="225">+225</option>
													<option value="226">+226</option>
													<option value="227">+227</option>
													<option value="228">+228</option>
													<option value="229">+229</option>
													<option value="230">+230</option>
													<option value="231">+231</option>
													<option value="232">+232</option>
													<option value="233">+233</option>
													<option value="234">+234</option>
													<option value="235">+235</option>
													<option value="236">+236</option>
													<option value="237">+237</option>
													<option value="239">+239</option>
													<option value="241">+241</option>
													<option value="242">+242</option>
													<option value="243">+243</option>
													<option value="244">+244</option>
													<option value="247">+247</option>
													<option value="248">+248</option>
													<option value="249">+249</option>
													<option value="251">+251</option>
													<option value="252">+252</option>
													<option value="253">+253</option>
													<option value="254">+254</option>
													<option value="255">+255</option>
													<option value="256">+256</option>
													<option value="257">+257</option>
													<option value="258">+258</option>
													<option value="260">+260</option>
													<option value="261">+261</option>
													<option value="262">+262</option>
													<option value="263">+263</option>
													<option value="264">+264</option>
													<option value="265">+265</option>
													<option value="266">+266</option>
													<option value="267">+267</option>
													<option value="268">+268</option>
													<option value="327">+327</option>
													<option value="331">+331</option>
													<option value="350">+350</option>
													<option value="351">+351</option>
													<option value="352">+352</option>
													<option value="353">+353</option>
													<option value="354">+354</option>
													<option value="355">+355</option>
													<option value="356">+356</option>
													<option value="357">+357</option>
													<option value="358">+358</option>
													<option value="359">+359</option>
													<option value="370">+370</option>
													<option value="371">+371</option>
													<option value="372">+372</option>
													<option value="373">+373</option>
													<option value="374">+374</option>
													<option value="375">+375</option>
													<option value="376">+376</option>
													<option value="377">+377</option>
													<option value="378">+378</option>
													<option value="380">+380</option>
													<option value="381">+381</option>
													<option value="386">+386</option>
													<option value="420">+420</option>
													<option value="421">+421</option>
													<option value="423">+423</option>
													<option value="501">+501</option>
													<option value="502">+502</option>
													<option value="503">+503</option>
													<option value="504">+504</option>
													<option value="505">+505</option>
													<option value="506">+506</option>
													<option value="507">+507</option>
													<option value="509">+509</option>
													<option value="591">+591</option>
													<option value="592">+592</option>
													<option value="593">+593</option>
													<option value="594">+594</option>
													<option value="595">+595</option>
													<option value="596">+596</option>
													<option value="597">+597</option>
													<option value="598">+598</option>
													<option value="599">+599</option>
													<option value="673">+673</option>
													<option value="674">+674</option>
													<option value="675">+675</option>
													<option value="676">+676</option>
													<option value="677">+677</option>
													<option value="679">+679</option>
													<option value="682">+682</option>
													<option value="684">+684</option>
													<option value="685">+685</option>
													<option value="689">+689</option>
													<option value="850">+850</option>
													<option value="852">+852</option>
													<option value="853">+853</option>
													<option value="855">+855</option>
													<option value="856">+856</option>
													<option value="880">+880</option>
													<option value="886">+886</option>
													<option value="960">+960</option>
													<option value="961">+961</option>
													<option value="962">+962</option>
													<option value="963">+963</option>
													<option value="964">+964</option>
													<option value="965">+965</option>
													<option value="966">+966</option>
													<option value="967">+967</option>
													<option value="968">+968</option>
													<option value="971">+971</option>
													<option value="972">+972</option>
													<option value="973">+973</option>
													<option value="974">+974</option>
													<option value="976">+976</option>
													<option value="977">+977</option>
													<option value="992">+992</option>
													<option value="993">+993</option>
													<option value="994">+994</option>
													<option value="995">+995</option>
													<option value="1242">+1242</option>
													<option value="1246">+1246</option>
													<option value="1264">+1264</option>
													<option value="1268">+1268</option>
													<option value="1345">+1345</option>
													<option value="1441">+1441</option>
													<option value="1664">+1664</option>
													<option value="1670">+1670</option>
													<option value="1671">+1671</option>
													<option value="1758">+1758</option>
													<option value="1784">+1784</option>
													<option value="1787">+1787</option>
													<option value="1809">+1809</option>
													<option value="1876">+1876</option>
													<option value="1890">+1890</option>
												</select>
											</div>
										</div>
									</div>
									<div class="account-box">
										<div class="input-container">
											<div><?php echo htmlentities(app('lang')->get('mobile')); ?></div>
											<div class="input-box flex-block">
												<input type="number"  name="phone_mob" value="" class='input-text' placeholder="<?php echo htmlentities(app('lang')->get('input_mobile_tips')); ?>">
											</div>
										</div>
									</div>
								</div>
								<div class="account-box">
									<div class="input-container">
										<div><?php echo htmlentities(app('lang')->get('pwd')); ?></div>
										<div class="input-box flex-block">
											<input type="password" name="pwd1" class='input-text' maxlength="12" placeholder="<?php echo htmlentities(app('lang')->get('input_pwd_tips')); ?>">
										</div>
									</div>
								</div>
								<div class="account-box">
									<div class="input-container">
										<div><?php echo htmlentities(app('lang')->get('pwd2')); ?></div>
										<div class="input-box flex-block">
											<input type="password" name="pwd2" class='input-text' maxlength="12" placeholder="<?php echo htmlentities(app('lang')->get('input_pwd2_tips')); ?>">
										</div>
									</div>
								</div>
								<div class="account-box">
									<div class="input-container">
										<div><?php echo htmlentities(app('lang')->get('paypwd_title')); ?></div>
										<div class="input-box flex-block">
											<input type="password" name="paypwd1" class='input-text' maxlength="12" placeholder="<?php echo htmlentities(app('lang')->get('input_paypwd_tips')); ?>">
										</div>
									</div>
										<span style=color:red;><?php echo htmlentities(app('lang')->get('paypwd_tishia')); ?></span>
								</div>
								<div class="account-box">
									<div class="input-container">
										<div><?php echo htmlentities(app('lang')->get('paypwd2_title')); ?></div>
										<div class="input-box flex-block">
											<input type="password" name="paypwd2" class='input-text' maxlength="12" placeholder="<?php echo htmlentities(app('lang')->get('input_paypwd2_tips')); ?>">
										</div>
									</div>
								
								</div>
								<div class="flex align-center">
									<div class="account-box false">
										<div class="input-container flex align-center">
											<div class="input-box">
												<input type="text" name="captcha" maxlength="33"  id="captcha" class="input-text"   value="" placeholder="<?php echo htmlentities(app('lang')->get('input_verify_code_tip')); ?>">
											</div>
										</div>
									</div>
									<div class="q-ml-md">
										<img id="verifyImg" src="<?php echo url('captcha'); ?>" class="pull-right" onClick="fleshVerify()" width="120" height="50">
									</div>
								</div>								
								<div>
									<span style="color: #E53333;"></span>
								</div>
								<div style="text-align: right;">&nbsp;</div>
							</div>
							<div class="submit-btn-container">
								<button type="button" class="input-btn btnform okui-btn btn-md btn-fill-primary btn-disabled login-btn undefined">
									<span class="btn-content">
										<span><?php echo htmlentities(app('lang')->get('btn_reg')); ?></span>
									</span>
								</button>
							</div>
						</div>
					</div>
				</div>
			</form>
			<div class="flex flex-between">
				<div class="pd20">
					<span data-v-119a013c=""><?php echo htmlentities(app('lang')->get('already_have_account')); ?></span>
					<a href="<?php echo url('login'); ?>" class="text-login text-blue"><?php echo htmlentities(app('lang')->get('btn_login')); ?></a>
				</div>
			</div>
		</div>
	</div>
	<div style="height: 50px"></div>
<div role="loading" id="loadingToast" style="display: none;">
	<div class="weui-mask_transparent"></div>
	<div class="weui-toast">
		<span class="weui-primary-loading weui-icon_toast">
			<span class="weui-primary-loading__dot"></span>
		</span>
		<p class="weui-toast__content"></p>
	</div>
</div>
<div id="dialogs" style="display: none">
	<div class="js_dialog" role="dialog" aria-hidden="false" aria-modal="true" aria-labelledby="js_title2" id="iosDialog2" style="opacity: 1;" tabindex="0">
		<div class="weui-mask"></div>
		<div class="weui-dialog">
			<div class="weui-dialog__bd"></div>
			<div class="weui-dialog__ft">
				<a role="button" href="javascript:" class="weui-dialog__btn weui-dialog__btn_primary">close</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>